<template>
    <div class="OtherCategories">
        <div class="pubBig Diagnosis">
            <div class="h0">
                <p class="lt">诊疗类</p>
            </div>
            <div class="m0">
                <div class="form-group">
                    <fieldset>
                        <legend>查询条件</legend>
                        <div>
                            <p>
                                <label>简码：</label>
                                <input v-model="model_jmC" type="text" class="form-control" placeholder="请输入代码/名称/拼音码"
                                       style="width: 185px"/>
                            </p>
                            <p><label>执行科室:</label><select class="form-control" v-model="model_execute_deptC"
                                                           placeholder="请选择">
                                <option v-for="(item,index) in model_select_execute_dept" :label="item.name"
                                        :value="item.code" :key="index"></option>
                            </select></p>

                            <p>
                                <button class="btn btn-default" @click="queryz()">查询</button>
                            </p>
                        </div>
                    </fieldset>
                </div>
            </div>
            <div class="btnLine">
                <button class="btn btn-default" @click="addMasterUser()">新增</button>
                <button class="btn btn-default" @click="savez()" id="16">保存</button>
                <button class="btn btn-default" @click="deletez()">删除</button>
                <button class="btn btn-default">审核</button>
                <button class="btn btn-default">打印</button>
                <label class="mark1"><input type="checkbox"/>显示</label>
            </div>
            <div class="dUpMain">
                <div class="oneBox clearfix">
                    <p class="p1">新增内容</p>
                </div>
                <div class="threeSet pucLab clearfix">
                    <fieldset>
                        <legend>基本属性</legend>
                        <div>
                            <p><label>项目代码:</label><input class="form-control" v-model="model_item_code" placeholder="请输入"
                                                          type="text" @keyup.enter="submit1()" id="1" readonly /></p>

                            <p><label>项目名称:</label><input class="form-control" v-model="model_item_name" placeholder="请输入"
                                                          type="text" @keyup.enter="submit1()" id="2" /></p>

                            <p><label>项目规格:</label><input class="form-control" v-model="model_item_spec" placeholder="请输入"
                                                          type="text" @keyup.enter="submit1()" id="3" /></p>

                            <p><label>单位:</label><select class="form-control" v-model="model_unit" placeholder="请选择" @change="submit1()" id="4">
                                <option v-for="(item,index) in model_select_unit" :label="item.name" :value="item.code"
                                        :key="index"></option>
                            </select></p>

                            <p><label>项目分类:</label><select class="form-control" v-model="model_item_class"
                                                           placeholder="请选择" @change="submit1()" id="5">
                                <option v-for="(item,index) in model_select_item_class" :label="item.name"
                                        :value="item.code" :key="index"></option>
                            </select></p>

                            <p><label>执行科室:</label><select class="form-control" v-model="model_execute_dept"
                                                           placeholder="请选择" @change="submit1()" id="6">
                                <option v-for="(item,index) in model_select_execute_dept" :label="item.name"
                                        :value="item.code" :key="index"></option>
                            </select></p>


                        </div>
                    </fieldset>
                    <fieldset>
                        <legend>分类</legend>
                        <div>
                            <p><label>单价:</label><input class="form-control" v-model="model_price" placeholder="请输入"
                                                        type="text" @keyup.enter="submit1()" id="7" /></p>

                            <p><label>最高限价:</label><input class="form-control" v-model="model_hlimit_price"
                                                          placeholder="请输入" type="text" @keyup.enter="submit1()" id="8" /></p>

                            <p><label>价格类别:</label><select class="form-control" v-model="model_price_class"
                                                           placeholder="请选择"  @change="submit1()" id="9">
                                <option v-for="(item,index) in model_select_price_class" :label="item.name"
                                        :value="item.code" :key="index"></option>
                            </select></p>

                            <p><label>住院收据分类:</label><select class="form-control" v-model="model_class_on_inp_rcpt"
                                                             placeholder="请选择"  @change="submit1()" id="10">
                                <option v-for="(item,index) in model_select_class_on_inp_rcpt" :label="item.name"
                                        :value="item.code" :key="index"></option>
                            </select></p>

                            <p><label>门诊收据分类:</label><select class="form-control" v-model="model_class_on_oup_rcpt"
                                                             placeholder="请选择"  @change="submit1()" id="11">
                                <option v-for="(item,index) in model_select_class_on_oup_rcpt" :label="item.name"
                                        :value="item.code" :key="index"></option>
                            </select></p>

                            <p><label>核算项目分类:</label><select class="form-control" v-model="model_class_on_reckoning"
                                                             placeholder="请选择"  @change="submit1()" id="12">
                                <option v-for="(item,index) in model_select_class_on_reckoning" :label="item.name"
                                        :value="item.code" :key="index"></option>
                            </select></p>

                            <p><label>会计科目:</label><select class="form-control" v-model="model_subj_code" placeholder="请选择"  @change="submit1()" id="13">
                                <option v-for="(item,index) in model_select_subj_code" :label="item.name" :value="item.code"
                                        :key="index"></option>
                            </select></p>

                            <p><label>病案首页分类:</label><select class="form-control" v-model="model_class_on_mr"
                                                             placeholder="请选择"  @change="submit1()" id="14">
                                <option v-for="(item,index) in model_select_class_on_mr" :label="item.name"
                                        :value="item.code" :key="index"></option>
                            </select></p>

                        </div>
                    </fieldset>
                    <fieldset>
                        <legend>其他</legend>
                        <div>
                            <p><label>停用标志:</label><select class="form-control" v-model="model_stop_flag" placeholder="请选择"  @change="submit1()" id="15">
                                <option v-for="(item,index) in model_select_stop_flag" :label="item.name" :value="item.code"
                                        :key="index"></option>
                            </select></p>

                        </div>
                    </fieldset>
                </div>
            </div>
            <div class="dDownMain">
                <p class="p1">查询明细</p>
                <div class="twoBox" style="top: 369px">
                    <table class="table table-bordered">
                        <thead>
                        <tr>
                            <th colspan="7" style="text-align:center">基本属性</th>
                            <th colspan="8" style="text-align:center">分类</th>
                            <th colspan="2" style="text-align:center">其他</th>
                        </tr>
                        <tr>
                            <td>项目代码</td>
                            <td>项目名称</td>
                            <td>项目规格</td>
                            <td>单位</td>
                            <td>项目分类</td>
                            <td>执行科室</td>
                            <td>单价</td>
                            <td>最高限价</td>
                            <td>价格类别</td>
                            <td>住院收据分类</td>
                            <td>门诊收据分类</td>
                            <td>核算项目分类</td>
                            <td>会计科目</td>
                            <td>病案首页分类</td>
                            <td>停用标志</td>
                            <td>创建时间</td>
                        </tr>
                        </thead>
                        <tbody>
                        <tr v-for="(item,index) in model_query" :key="index" @click="openDetails(item,index) "
                            :class="{selGreen:changeSelectStyle == index}">
                            <td>{{item.item_code}}</td>
                            <td>{{item.item_name}}</td>
                            <td>{{item.item_spec}}</td>
                            <td>{{item.unit_Name}}</td>
                            <td>{{item.item_class_Name}}</td>
                            <td>{{item.execute_dept_Name}}</td>
                            <td>{{item.price}}</td>
                            <td>{{item.hlimit_price}}</td>
                            <td>{{item.price_class_Name}}</td>
                            <td>{{item.class_on_inp_rcpt_Name}}</td>
                            <td>{{item.class_on_oup_rcpt_Name}}</td>
                            <td>{{item.class_on_reckoning_Name}}</td>
                            <td>{{item.subj_code_Name}}</td>
                            <td>{{item.class_on_mr_Name}}</td>
                            <td>{{item.stop_flag_Name}}</td>
                            <td>{{item.create_time}}</td>

                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</template>
<script>
    export default {
        name: "OtherCategories",
        data() {
            return {
                msg: "SystemManagement 下的 OtherCategories",
                model_operation_levelc: "",
                model_operation_level: "",

                //声明v_model
                model_class_on_inp_rcpt: "",//住院收据分类
                model_class_on_mr: "",//病案首页费用分类
                model_class_on_oup_rcpt: "",//门诊收据分类
                model_class_on_reckoning: "",//核算项目分类
                model_create_time: "",//创建时间
                model_execute_dept: "",//执行科室代码本科室或者实际执行科室
                model_hlimit_price: "",//最高限价
                model_hospital_id: "",//医院编号
                model_item_class: "",//项目分类
                model_item_code: "",//项目代码
                model_item_name: "",//项目名称
                model_item_spec: "",//项目规格
                model_price: "",//单价
                model_price_class: "",//价格类别
                model_pym: "",//拼音码
                model_stop_flag: "",//停用标志
                model_subj_code: "",//会计科目
                model_unit: "",//单位

                changeSelectStyle: "",

                model_XZBJ: "",
                model_query_BC: [],

                model_query: [], //查询结果

                //下拉数据源
                model_select_class_on_inp_rcpt: [],//住院收据分类
                model_select_class_on_mr: [],//病案首页费用分类
                model_select_class_on_oup_rcpt: [],//门诊收据分类
                model_select_class_on_reckoning: [],//核算项目分类
                model_select_create_time: [],//创建时间
                model_select_execute_dept: [],//执行科室代码本科室或者实际执行科室
                model_select_hlimit_price: [],//最高限价
                model_select_hospital_id: [],//医院编号
                model_select_item_class: [],//项目分类
                model_select_item_code: [],//项目代码
                model_select_item_name: [],//项目名称
                model_select_item_spec: [],//项目规格
                model_select_price: [],//单价
                model_select_price_class: [],//价格类别
                model_select_pym: [],//拼音码
                model_select_stop_flag: [],//停用标志
                model_select_subj_code: [],//会计科目
                model_select_unit: [],//单位


                //查询数据

                model_jmC: "",
                model_execute_deptC: "",
                model_select_execute_deptC: [],

                pickerOptions: {
                    shortcuts: [
                        {
                            text: "最近一周",
                            onClick(picker) {
                                const end = new Date();
                                const start = new Date();
                                start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
                                picker.$emit("pick", [start, end]);
                            }
                        },
                        {
                            text: "最近一个月",
                            onClick(picker) {
                                const end = new Date();
                                const start = new Date();
                                start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
                                picker.$emit("pick", [start, end]);
                            }
                        },
                        {
                            text: "最近三个月",
                            onClick(picker) {
                                const end = new Date();
                                const start = new Date();
                                start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
                                picker.$emit("pick", [start, end]);
                            }
                        }
                    ]
                },
                item_dict: {
                    columns: [
                        {field: "item_code", title: "项目代码"},
                        {field: "item_name", title: "项目名称"},
                        {field: "item_spec", title: "项目规格"},
                        {field: "unit", title: "单位"},
                        {field: "item_class", title: "项目分类"},
                        {field: "execute_dept", title: "执行科室"},
                        {field: "price", title: "单价"},
                        {field: "hlimit_price", title: "最高限价"},
                        {field: "price_class", title: "价格类别"},
                        {field: "class_on_inp_rcpt", title: "住院收据分类"},
                        {field: "class_on_oup_rcpt", title: "门诊收据分类"},
                        {field: "class_on_reckoning", title: "核算项目分类"},
                        {field: "subj_code", title: "会计科目"},
                        {field: "class_on_mr", title: "病案首页分类"},
                        {field: "stop_flag", title: "停用标志"},
                        {field: "create_time", title: "创建时间"}
                    ],
                    data: []
                },
                currentPage: 1,
                total: 0,
                pagesize: 5,
                Newlyadded: false
            };
        },
        methods: {

            openDetails(row, index) {
                this.Newlyadded = true;
                this.model_class_on_inp_rcpt = row.class_on_inp_rcpt;//住院收据分类
                this.model_class_on_mr = row.class_on_mr;//病案首页费用分类
                this.model_class_on_oup_rcpt = row.class_on_oup_rcpt;//门诊收据分类
                this.model_class_on_reckoning = row.class_on_reckoning;//核算项目分类
                this.model_create_time = row.create_time;//创建时间
                this.model_execute_dept = row.execute_dept;//执行科室代码本科室或者实际执行科室
                this.model_hlimit_price = row.hlimit_price;//最高限价
                this.model_hospital_id = row.hospital_id;//医院编号
                this.model_item_class = row.item_class;//项目分类
                this.model_item_code = row.item_code;//项目代码
                this.model_item_name = row.item_name;//项目名称
                this.model_item_spec = row.item_spec;//项目规格
                this.model_price = row.price;//单价
                this.model_price_class = row.price_class;//价格类别
                this.model_pym = row.pym;//拼音码
                this.model_stop_flag = row.stop_flag;//停用标志
                this.model_subj_code = row.subj_code;//会计科目
                this.model_unit = row.unit;//单位
                this.changeSelectStyle = index;

                if (this.model_XZBJ == "1") {
                    this.model_jmC = row.item_code;
                    this.queryz();
                    this.changeSelectStyle = "0";
                    this.model_jmC = "";
                }


                console.log(row);
            },
            handleChange(val) {
                console.log(val);
            },  //主表保存
            quxiao() {
                this.Newlyadded = false;
            },
            //主表保存
            savez() {
                if ( this.model_class_on_inp_rcpt == "") {
                    this.$message({showClose: true, message: "住院收据分类不能为空！", type: "error"});
                    return;
                }
                if ( this.model_class_on_mr == "") {
                    this.$message({showClose: true, message: "病案首页费用分类不能为空！", type: "error"});
                    return;
                }
                if ( this.model_class_on_oup_rcpt == "") {
                    this.$message({showClose: true, message: "门诊收据分类不能为空！", type: "error"});
                    return;
                }
                if ( this.model_class_on_reckoning == "") {
                    this.$message({showClose: true, message: "核算项目分类不能为空！", type: "error"});
                    return;
                }
                if (this.model_execute_dept == "") {
                    this.$message({showClose: true, message: "执行科室不能为空！", type: "error"});
                    return;
                }
                if (this.model_item_class == "") {
                    this.$message({showClose: true, message: "项目分类不能为空！", type: "error"});
                    return;
                }
                // if ( this.model_item_code == "") {
                //     this.$message({showClose: true, message: "项目代码不能为空！", type: "error"});
                //     return;
                // }
                if (this.model_item_name == "") {
                    this.$message({showClose: true, message: "项目名称不能为空！", type: "error"});
                    return;
                }
                if (this.model_item_spec == "") {
                    this.$message({showClose: true, message: "项目规格不能为空！", type: "error"});
                    return;
                }
                if ( this.model_price == "") {
                    this.$message({showClose: true, message: "单价不能为空！", type: "error"});
                    return;
                }
                if ( this.model_price_class == "") {
                    this.$message({showClose: true, message: "价格类别不能为空！", type: "error"});
                    return;
                }
                if (this.model_stop_flag == "") {
                    this.$message({showClose: true, message: "停用标志不能为空！", type: "error"});
                    return;
                }
                if ( this.model_subj_code == "") {
                    this.$message({showClose: true, message: "会计科目不能为空！", type: "error"});
                    return;
                }
                if ( this.model_unit == "") {
                    this.$message({showClose: true, message: "单位不能为空！", type: "error"});
                    return;
                }


                this.Newlyadded = false;
                var data = {
                    model: "11.综合维护-诊疗项目",
                    code: "11021",
                    input: {
                        "class_on_inp_rcpt": this.model_class_on_inp_rcpt,//住院收据分类
                        "class_on_mr": this.model_class_on_mr,//病案首页费用分类
                        "class_on_oup_rcpt": this.model_class_on_oup_rcpt,//门诊收据分类
                        "class_on_reckoning": this.model_class_on_reckoning,//核算项目分类
                        "create_time": this.model_create_time == "" ? "2019-08-08" : this.model_create_time,
                        "execute_dept": this.model_execute_dept,//执行科室代码本科室或者实际执行科室
                        "hlimit_price": this.model_hlimit_price,//最高限价
                        "hospital_id": this.model_hospital_id == "" ? "1003" : this.model_hospital_id,//医院编号
                        "item_class": this.model_item_class,//项目分类
                        "item_code": this.model_item_code,//项目代码
                        "item_name": this.model_item_name,//项目名称
                        "item_spec": this.model_item_spec,//项目规格
                        "price": this.model_price,//单价
                        "price_class": this.model_price_class,//价格类别
                        "pym": this.model_pym,//拼音码
                        "stop_flag": this.model_stop_flag,//停用标志
                        "subj_code": this.model_subj_code,//会计科目
                        "unit": this.model_unit,//单位
                    }
                };
                this.$post("CloudHIS/Business_Handle", data)
                    .then(res => {
                        if (res.code == 0) {
                            this.model_XZBJ = "1"
                            this.$message({message: res.msg, type: "success"});
                            this.queryz();
                            this.addMasterUser();
                            this.Newlyadded = false;
                            document.getElementById("2").focus();
                        } else {
                            this.$message({showClose: true, message: res.msg, type: "error"});
                            this.Newlyadded = false;
                        }
                    })
                    .catch(err => {
                        console.log(err);
                    });
            },
            //删除主表信息
            deletez() {
                var data = {
                    model: "11.综合维护-诊疗项目",
                    code: "11023",
                    input: {
                        item_code: this.model_item_code,
                    }
                };
                this.$post("CloudHIS/Business_Handle", data)
                    .then(res => {
                        if (res.code == 0) {
                            this.$message({message: res.msg, type: "success"});
                            this.queryz();
                            this.addMasterUser();
                        } else {
                            this.$message({showClose: true, message: res.msg, type: "error"});
                        }
                    })
                    .catch(err => {
                        console.log(err);
                    });
            },
            //主表查询

            queryz() {
                this.model_query = [];
                var data = {
                    model: "11.综合维护-诊疗项目",
                    code: "11022",
                    input: {
                        jm: this.model_jmC ? this.model_jmC : "",
                        execute_dept: this.model_execute_deptC ? this.model_execute_deptC : -1,//执行科室代码本科室或者实际执行科室

                    }
                };
                console.log(data);
                this.$post("CloudHIS/Business_Handle", data)
                    .then(res => {
                        if (this.model_XZBJ == "1") {
                            this.model_query.push( res.data[res.data.length - 1]);this.model_XZBJ = "";
                            this.changeSelectStyle = "0";
                        } else {
                            this.model_query = res.data;
                            this.addMasterUser();
                        }
                        console.log("查询结果");
                        console.log(res);
                    })
                    .catch(err => {
                        console.log(err);
                    });
            },
            // queryG(KeyCode) {
            //     var data = {
            //         code: 'get_sys_dict',
            //         input: {
            //             code: KeyCode
            //         }
            //     };
            //     this.$post("CloudHIS/getRedisDataByCode", data)
            //         .then(res => {
            //             if (KeyCode == "mr_class_code") {
            //                 this.model_select_class_on_mr = res.data;
            //             }
            //             if (KeyCode == "oup_class_code") {
            //                 this.model_select_class_on_oup_rcpt = res.data;
            //             }
            //             if (KeyCode == "subj_class_code") {
            //                 this.model_select_subj_code = res.data;
            //             }
            //             if (KeyCode == "unit_code") {
            //                 this.model_select_unit = res.data;
            //             }
            //             if (KeyCode == "hospital_receipts") {
            //                 this.model_select_class_on_inp_rcpt = res.data;
            //             }
            //             if (KeyCode == "price_categories") {
            //                 this.model_select_price_class = res.data;
            //             }
            //             if (KeyCode == "tag") {
            //                 this.model_select_stop_flag = res.data;
            //             }
            //             if (KeyCode == "reckoning_class_code") {
            //                 this.model_select_class_on_reckoning = res.data;
            //             }
            //             if (KeyCode == "item_class_code") {
            //                 this.model_select_item_class = res.data;
            //             }
            //             if (KeyCode == "department") {
            //                 this.model_select_execute_dept = res.data;
            //             }
            //         })
            //         .catch(err => {
            //             console.log(err);
            //         });
            // },
            queryG(KeyCode) {
                this.model_query = [];
                var data = {
                    code: 'get_sys_dict2',
                    input: {
                        code: KeyCode
                    }
                };
                this.$post("CloudHIS/getRedisDataByCode", data)
                    .then(res => {
                        console.log(res);
                        for (var i = 0; i < res.data.length; i++) {
                            if (res.data[i].keycode == "mr_class_code") {
                                this.model_select_class_on_mr = res.data[i].dtl;
                            }
                            if (res.data[i].keycode == "oup_class_code") {
                                this.model_select_class_on_oup_rcpt = res.data[i].dtl;
                            }
                            if (res.data[i].keycode == "subj_class_code") {
                                this.model_select_subj_code = res.data[i].dtl;
                            }
                            if (res.data[i].keycode == "unit_code") {
                                this.model_select_unit = res.data[i].dtl;
                            }
                            if (res.data[i].keycode == "inp_class_code") {
                                this.model_select_class_on_inp_rcpt = res.data[i].dtl;
                            }
                            if (res.data[i].keycode == "price_categories") {
                                this.model_select_price_class = res.data[i].dtl;
                            }
                            if (res.data[i].keycode == "tag") {
                                this.model_select_stop_flag = res.data[i].dtl;
                            }
                            if (res.data[i].keycode == "reckoning_class_code") {
                                this.model_select_class_on_reckoning = res.data[i].dtl;
                            }
                            if (res.data[i].keycode == "item_class_code") {
                                this.model_select_item_class = res.data[i].dtl;
                            }
                            if (res.data[i].keycode == "department") {
                                this.model_select_execute_dept = res.data[i].dtl;
                            }
                        }
                    })
                    .catch(err => {
                        console.log(err);
                    });
            },
            //获取科室列表
            queryYK() {
                var data = {
                    code: "get_section",

                };
                this.$post("CloudHIS/getRedisDataByCode", data)
                    .then(res => {
                        this.model_select_execute_dept = res.data;
                    })
                    .catch(err => {
                        console.log(err);
                    });
            },
            submit1() {
                var ele = window.event.srcElement;
                var idcount = parseInt(ele.id) + 1;

                document.getElementById(idcount + "").focus();
            },
            addMasterUser() {
                this.Newlyadded = true;
                this.model_class_on_inp_rcpt = "";//住院收据分类
                this.model_class_on_mr = "";//病案首页费用分类
                this.model_class_on_oup_rcpt = "";//门诊收据分类
                this.model_class_on_reckoning = "";//核算项目分类
                this.model_create_time = "";//创建时间
                this.model_execute_dept = "";//执行科室代码本科室或者实际执行科室
                this.model_hlimit_price = "";//最高限价
                this.model_hospital_id = "";//医院编号
                this.model_item_class = "";//项目分类
                this.model_item_code = "";//项目代码
                this.model_item_name = "";//项目名称
                this.model_item_spec = "";//项目规格
                this.model_price = "";//单价
                this.model_price_class = "";//价格类别
                this.model_pym = "";//拼音码
                this.model_stop_flag = "";//停用标志
                this.model_subj_code = "";//会计科目
                this.model_unit = "";//单位
                document.getElementById("2").focus();

            },
            submit(item, index) {
                this.index = index;
                console.log(item);
                var arr = window.document.getElementsByTagName("input");
                for (var i = 0; i < arr.length; i++) {
                    var t = arr[i];
                    t.index = i;
                    t.onkeydown = function (event) {
                        if (event.keyCode == 13) {
                            var next = this.index + 1;
                            arr[next].focus();
                        }
                    };
                }
            },
            palction() {
                console.log(this.item_dict.data);
            },
            current_change(currentPage) {
                this.currentPage = currentPage;
                this.queryz();
            }
        },
        mounted(){
            document.getElementById("2").focus();
        },
        created() {

            this.msg = this.$route.query;
            console.log("接收过来的传参#############################################################################")
            console.log(this.msg)
            if(this.msg.Token!=null&&this.msg.Token!=""){
                console.log("设置Token")
                this.$setToken(this.msg.Token)

            }else{
                console.log("Token为空")
            }
            this.queryYK();
            this.queryz();
            var a = [
                "mr_class_code",
                "oup_class_code",
                "drug_form_code",
                "subj_class_code",
                "unit_code",
                "inp_class_code",
                "price_categories",
                "toxicology",
                "tag",
                "Drug_category",
                "Oct_type",
                "Limit_level",
                "reckoning_class_code",
                "item_class_code",
                "department"
            ];
            this.queryG(a);
            // for (var i = 0; i < a.length; i++) {
            //     var str = a[i];
            //     this.queryG(str);
            // }
        }
    };
</script>
<style lang="scss">
    .OtherCategories{
        .Diagnosis .m0 .form-group p {
            margin: 3px 10px 2px 5px
        }

        .Diagnosis .m0 fieldset label {
            height: 26px !important;
            line-height: 25px !important;
            padding-right: 3px;
            font-size: 13px;
        }

        .Diagnosis .m0 fieldset .form-control {
            width: 110px;
            padding: 0 5px;
            height: 26px;
        }

        .Diagnosis .m0 fieldset .btn {
            padding: 2px 12px;
            float: left;
        }

        .Diagnosis .btnLine {
            height: 36px;
        }

        .Diagnosis .btnLine .btn {
            padding: 2px 12px;
        }

        .Diagnosis .btnLine .mark1 {
            margin-top: 1px;
        }

        .Diagnosis .threeSet fieldset:first-child {
            margin: 0;
            width: 380px;
            float: left;
        }

        .Diagnosis .threeSet fieldset:nth-child(2) {
            width: 432px;
            float: left;
            position: absolute;
            left: 375px;
            margin-top: 0;
        }

        .Diagnosis .threeSet fieldset:nth-child(3) {
            float: left;
            position: absolute;
            width: 205px;
            left: 800px;
            margin-top: 0;
            height: 145px;
            border-right: 1px solid #eee;
        }

        .Diagnosis .threeSet fieldset {
            margin: -4px 0 0 0;
            clear: both;
            border-top: 1px solid #eee;
            border-left: none;
            border-right: none;
            padding-bottom: 0;
            border-bottom: none;
        }

        .Diagnosis .threeSet fieldset legend {
            padding: 0 5px;
            font-weight: 700;
            color: #256192;
            margin-bottom: -3px;
            background: #fff
        }

        .Diagnosis .threeSet fieldset label {
            height: 26px;
            line-height: 25px;
            min-width: 65px;
            padding-right: 3px;
            font-size: 13px;
        }

        .Diagnosis .threeSet fieldset .form-control {
            width: 110px;
            padding: 0 3px;
            height: 26px;
        }

        .Diagnosis .threeSet fieldset div {
            clear: both
        }

        .Diagnosis .threeSet fieldset p {
            margin: 0 0 0 5px
        }

        .Diagnosis .table th, .Diagnosis .table td {
            white-space: nowrap;
        }

        .Diagnosis .threeSet fieldset:first-child {
            min-height: 129px;
        }
    }
</style>
